<template>
  <div>
    <navList></navList>
    <div class="contact-us">
      <div class="subtitle"><span>{{ $t('navbar.contact') }}</span></div>
      <div class="contact-way">
  <!--       <div class="company-map">
          <div id="allmap" class="allmap"></div>
        </div> -->
        <table>
          <tr>{{ $t('contact.phone') }}：4006011109 / 0571-86986789</tr>
          <tr>{{ $t('contact.fax') }}：0571-85811888</tr>
          <!-- <tr>{{ $t('contact.company') }}：浙江恒喆自动化设备有限公司</tr> -->
          <tr>{{ $t('contact.address') }}：浙江省杭州市汇禾领府3幢15层</tr>
        </table>
      </div>
    </div>
  </div>
</template>

<script>
  import navList from 'COMPS/nav-list.vue'

  export default {
    name: 'contact-us',
    components: {
      navList
    },
    data() {
      return {
        type: 'tab',
        address_detail: null,
        center: {lng:120.078203, lat:30.327711},
        opinion: {
          name: '',
          phone: '',
          email: '',
          opinionText: ''
        },
      }
    },
    mounted () {
      // this.ready();
    },
    computed: {
    },
    methods: {
      // ready () {
      //   // 创建地图实例
      //   let map = new BMap.Map('allmap')
      //   // 创建坐标点
      //   let point = new BMap.Point(this.center.lng, this.center.lat)
      //   // 初始化地图，设置中心点坐标和地图级别
      //   map.centerAndZoom(point, 20)
      //   // 开启鼠标滚轮缩放
      //   map.enableScrollWheelZoom(true)
      //   map.enableDoubleClickZoom(true)
      //   // 绘制地图 好像没用
      //   // var geolocation = new BMap.Geolocation()
      //   // geolocation.getCurrentPosition((r) => {
      //   //   if (r.point) {
      //   //     this.center.lng = r.longitude
      //   //     this.center.lat = r.latitude
      //   //     let markers = new BMap.Marker(r.point)
      //   //     map.addOverlay(markers)
      //   //     map.panTo(r.point)
      //   //     map.centerAndZoom(r.point, 16)
      //   //   }
      //   // }, { enableHighAccuracy: true })
      // }
    }
  }
</script>

<style lang="less">
  @import '~COMMON/common.less';

  .contact-us {
    display: inline-block;
    width: 880px;
    .contact-way {
      margin-top: 30px;
      .On-xs({
        margin-top: 15px;
      });
      table {
        display: inline-block;
        vertical-align: top;
        margin-left: 20px;
        color:#666;
        >th {
          display: inline-block;
          text-align: left;
          margin-bottom: 30px;
        }
        >tr {
          line-height: 40px;
        }
        .On-xs({
          margin-left: 0px;
          >th {
            color: #000;
            margin-bottom: 10px;
            font-weight: normal;
          }
        });
      }
      .company-map {
        // margin-bottom: 100px;
        display: inline-block;
        width: 60%;
        height: 300px;
        .allmap {
          width: 100%;
          height: 300px;
        }
      }
    }

  }
</style>